<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/7.css" />
	</head>
	<body>
		<header>
			<span><img src="../img/7-01.png" alt="" /></span>
			<span>芬迪</span>
			<span></span>
		</header>
		<div class="title">
			<span class="span_one"><a href="#">默认</a></span>
			<span class="span_two"><a href="#">销量</a></span>
			<span class="span_three"><a href="#">价格</a></span>
		</div>
		<div class="ji">
			共计15件
		</div>
		<div class="da">
			<!--<div class="data"></div>-->
		</div>
		<footer>
			<ul>
				<li><img src="../img/7-15.png"   class="sy"/></li>
				<li><img src="../img/7-11.png"   class="search"/><a href="">搜索</a></li>
				<li><img src="../img/7-12.png"   class="show"/><a href="">我的秀</a></li>
				<li><img src="../img/7-13.png"  class="shop" /><a href="">购物车</a></li>
				<li><img src="../img/7-14.png"   class="much"/><a href="">更多</a></li>
			</ul>
		</footer>
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script src="../js/url.js"></script>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<script>
//			<div class="left">
//				<img src="../img/7-3.png" alt="" />
//			</div>
//			<div class="right">
//				<div class="top">
//					<h4>芬迪Fendi Loop翻转系列腕表</h4>
//					<p>F458225</p>;
//				</div>
//				<div class="bom">
//					<span>市场价：￥5555.00</span>
//					<span>走秀价：<a href="#">￥5555.00</a></span>
//				</div>
//			</div>
	
						
//							$(".da").on("click",".left",function(){
//										console.log(this);
//									})
				$.ajax({
					url:$.zixiu.first,
					dataType:"json",
					success:function(data){
						data.forEach(function(v){
							var ss = $('<div class="data"></div>')
				 				 ss.appendTo('.da')
						var div1 = 	$("<div class='left'>").append($("<img>").attr("src",v.imgUrl));
						
						
						var div2_top =$("<div class='top'>").append($("<h4>").html(v.h4)).append($("<p>").html(v.p))
						
					var s = 	$("<span>").html(v.span01);
					var s2 = 	$("<span>").html(v.span02).append($("<a>").html(v.a))
					var div2_bom = $("<div class='bom'>").append(s).append(s2);
					var right = $("<div class='right'>").append(div2_top).append(div2_bom);
					$(ss).append(div1).append(right)
						})
						$(".title .span_one").click(function(){
						window.location.href = "5.html"
						});
						$(".title .span_two").click(function(){
						window.location.href = "6.html"
						})

					}
					
				})
			$(function(){
				$('.sy').click(function(){
					location.href = "../zouxiuwang_2.html";
			})
			$('.search').click(function(){
					location.href = "../09.html";
			})
			$('.show').click(function(){
					location.href = "5.html";
			})
			$('.shop').click(function(){
					location.href = "7.html";
			})
			$('.much').click(function(){
					location.href = "../13.html";
			})
			})
		</script>
	</body>
</html>
